@tailwind base;
@tailwind components;
@tailwind utilities;
@import "./space";
@import "./text";
@import "./border";
* {
  margin: 0;
  padding: 0;
}
#app {
  width: 100vw;
  height: 100vh;
}
/* 定位 */
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
/* 宽高 */
.w_fill {
    width: 100%;
}
.h_fill {
    height: 100%;
}
/* 布局 */
.f {
  display: flex;
}
.f1 {
  flex: 1;
}
.center_box{
  display: flex;
  justify-content: center;
  align-items: center;
}
.bew_box{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.row_middle{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.row_end{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.col_box{
  display: flex;
  flex-direction: column;
}
.col_box_center{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}